<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    //  let url = oneLine `
    //     www.taobao.com/example/index.html
    //     ?foo=${foo}
    //     &bar=${bar}
    // `;

    // console.log(url)
    // function test (color) {
    //     switch (color) {
    //         case 'red':
    //         return ['apple','strawberry']
    //         case 'yellow':
    //         return ['banana','pineapple']
    //         case 'purple':
    //         return ['grape','plum']
    //         default:
    //         return []
    //     }
    // }

    // test('yellow') // ['banana','pineapple']

    // for(const v of ['a','b','c'] ) {
    //     console.log(v)
    // }


    // for(const [i,v] of ['a','b','c'].entries()) {
    //     console.log(i,v)
    // }
    // const sortNumber = (...numbers) => console.log( numbers.sort())
    // sortNumber(1,3,2,4)
    // let a =1
    // let b =3
    // let others = {c:3,d:4,e:5}
    // const an =  { a,b,...others}
    // console.log(an)
    // let z = {a:1,b:2}
    // let n = {c:3,...z}

    // function pick ({id, name, age}) {
    //     return {
    //         guid:id,
    //         ...(name && {name}),
    //         ...(age && {age})
    //     }
    // }

    // console.log(pick({id:1,name:'daisy',age:18}))
    // let obj = {
    //     a:{
    //         b:{
    //             c:1
    //         }
    //     }
    // }

    // const { a:{b: {c = ''} =''} = '' } = obj
    // console.log(c)

    // const x = {
    //     ['a' + '_' + 'b']:'z'
    // }
    // console.log(x.a_b)

    // var arr = [1,2,3,4]

    // var iterator = arr.entries()
    // console.log(iterator)
    // for(let [v,e] of iterator) {
    //     console.log(v,e)
    // }

    // let arr = ['w', 'y', 'k', 'o', 'p'];

    // for(let v of arr.values()) {
    //     console.log(v)
    // }

    // var inventory = [
    //     {name: 'apples', quantity: 2},
    //     {name: 'bananas', quantity: 0},
    //     {name: 'cherries', quantity: 5}
    // ];

    // function findCherries(fruit) {
    //     return fruit.name === 'cherries'
    // }
    // console.log(inventory.find(findCherries))


    // function isPrime(element,index,array) {
    //     var start = 2
    //     while (start <= Math.sqrt(element) ) {
    //         if(element % start++ < 1) {
    //             return false
    //         }
    //     }
    //     return element > 1
    // }

    // console.log([4,8,10,12].findIndex(isPrime)) //-1
    // console.log([4, 6, 7, 12].findIndex(isPrime)) // 2

    // const obj = {
    //     a:{
    //         b:{
    //             c:{
    //                 d:1
    //             }
    //         }
    //     }
    // }

    // const e = obj?.a?.b?.c?.d
    // // const e = obj.a.b.c.d
    // console.log(e) // 1


    // for(let i = 0; i< 3; i++) {
    //     let i = 'abc'
    //     console.log(i)
    // }

    // abc
    // abc
    // abc

    // let message = `Hello \` World `

    //     let arr = [{ value: 1 }, { value: 2 }]

    //     let message = `
    //     <ul>
    //        ${arr.map((item) => {
    //         return `
    //         <li>${item.value}</li>
    //         `
    //     }
    //     )}
    //     </ul>
    // `
    //     console.log(message)
    let x = 'Hi', y = 'Kievn'
    // literals 文字
    // 注意在这个例子中 literals 的第一个元素和最后一个元素都是空字符串
    // function message(literals, value1, value2) {
    //     console.log(literals); // [ "", ", I am ", "" ]
    //     console.log(value1); // Hi
    //     console.log(value2); // Kevin
    // }
    // var res = message`${x} , i am ${y} ···`
    // console.log(res)

    // function message(literals,...values) {
    //     let result = ''
    //     for(let i =0; i < values.length; i++) {
    //         result += literals[i]
    //         result += values[i]
    //     }
    //     return result += literals[literals.length -1]
    // }

    // var arr = [1, 2, 3, 4];
    // var sum = arr.reduce(function(prev, cur, index, arr) {
    //     // console.log(prev, cur, index);
    //     console.log(cur )
    //     return prev + cur;
    // })
    // console.log(arr, sum);
    // function message(literals, ...values) {
    //     let result = literals.reduce((prev, next, t) => {
    //         let value = values[t - 1]
    //         return prev + value + next
    //     })
    //     return result
    // }

    // let message = oneLine `
    //         Hi,
    //         Daisy!
    //         I am
    //         Kevin.
    //     `;
//         let message1 = `
//             Hi,
//             Daisy!
//             I am
//             Kevin.
//         `
// console.log(message1)
// let message = oneLine`
//     Preserve   eg   sentence . Double
//     spaces    within input lines
// `
//     function oneLine(template,...expressions) {
//     let result = template.reduce((prev,next,i) => {
//         let value = expressions[ i - 1 ]
//         return prev + value + next
//     })
//     result = result.replace(/(\n\s*)/g, " ");
//     result = result.trim();
//     return result
// }
// console.log(message)

let func = ({value,label}) => ({total:value + label})

// 使用
var res  = func({value:10,label:20})
console.log(res)
</script>

</html>